<template>
    <div class="HOT">
       HOT PAGE --- {{ $route.params.id }} 
    </div>
</template>

<script setup>
import { useRoute } from 'vue-router'
const route = useRoute()      // 得到当前路由地址的详细描述

console.log(route.params.id);
// const props = defindeProps({
//     id:String
// }
// )
// console.log(props);
</script>

<style lang="css" scoped>
.HOT{
    text-align: center;
}
</style>